<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta content="yes" name="apple-mobile-web-app-capable">
          <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, target-densityDpi=device-dpi" />
          <!-- 微软的老式浏览器 -->
          <meta name="MobileOptimized" content="320">
          <!-- 启用360浏览器的极速模式(webkit) – -->
          <meta name="renderer" content="webkit">
          <!-- 避免IE使用兼容模式 -->
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
          <meta name="HandheldFriendly" content="true">
          <!-- uc强制竖屏 -->
          <meta name="screen-orientation" content="portrait">
          <!-- QQ强制竖屏 -->
          <meta name="x5-orientation" content="portrait">
          <!-- UC强制全屏 -->
          <meta name="full-screen" content="yes">
          <!-- QQ强制全屏 -->
          <meta name="x5-fullscreen" content="true">
          <!-- UC应用模式 若开启长按无法复制链接-->
          <!--meta name="browsermode" content="application"-->
          <!-- QQ应用模式 -->
          <meta name="x5-page-mode" content="app">
          <!--网站开启对web app程序的支持-->
          <meta name="apple-touch-fullscreen" content="yes">
          <!--在web app应用下状态条（屏幕顶部条）的颜色-->
          <meta name="apple-mobile-web-app-status-bar-style" content="black">
          <!-- windows phone 点击无高光 -->
          <meta name="msapplication-tap-highlight" content="no">
          <!--移动web页面是否自动探测电话号码-->
          <!--<meta http-equiv="x-rim-auto-match" content="none">-->
          <!--手机号码显示为拨号链接-->
          <meta name="format-detection" content="telephone=no">
          <meta http-equiv="Cache-Control" content="max-age=300" />
          <meta http-equiv="Expires" content="300" />
          <title>投哪网-圈子详情</title>
          <link rel="stylesheet" href="../css/reset.css">
          <link rel="stylesheet" href="../css/circle-detail.css">
          <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
          <link rel="stylesheet" href="../assets/layer_mobile/need/layer.css">
          <script src="../assets/layer_mobile/layer.js"></script>
          <script src="../js/jquery.min.js"></script>
          <script src="../assets/swiper/js/swiper.jquery.min.js"></script>
          <script src="../js/common.js"></script>
          <script src="../js/circle.js"></script>
    </head>
    <body>
    <div class="container-all">
      <div class="title">
        <div class="header">
            <div class="header-top">
              <div class="header-left">
                <img src="../images/circle-platform.png">
              </div>
              <div class="header-right">
                <div class="header-title">
                  <h4>平台排名</h4>

                </div>
                <div class="header-rank">
                  <a href="#" class="rank-item item-left">
                    <img src="../images/circle-rankone.png">
                    <p>-</p>
                  </a>
                  <a href="#" class="rank-item item-right">
                    <img src="../images/circle-ranktwo.png">
                    <p>-</p>
                  </a>
                </div>
              </div>
            </div>
            <div class="header-bottom">
              <ul>
                <li>
                  <span>国资系</span>
                </li>
                <li>
                  <span>已存管</span>
                </li>
                <li>
                  <span>运营时间5年+</span>
                </li>
                <li>
                  <span>历史对付率：100%</span>
                </li>
              </ul>
            </div>
        </div>
        <div class="title-item">
          <div class="title-left">
            <div class="left-top">
              <h4>投友点评(763256)</h4>
              <img class="put-friend" src="../images/problem.png">
            </div>
            <div class="left-bottom">
              <div class="left-percent">
                <span class="per-up"><span class="per-lower"></span></span>
                
              </div>
              <div class="left-chara">
                <span>98%</span>
              </div>
              <div class="left-btn">
                <p>放心投</p>
              </div>
              <span class="title-bor"></span>
            </div>
          </div>
          <div class="title-right">
            <div class="right-top">
              <h4>投顾点评(763256)</h4>
              <img class="put-gu" src="../images/problem.png">
            </div>
            <div class="right-bottom">
              <div class="right-percent">
                <span class="per-up"><span class="per-lower"></span></span>
              </div>
              <div class="right-chara">
                <span>98%</span>
              </div>
              <div class="right-btn">
                <p>放心投</p>
              </div>
            </div>
          </div>
        </div>
        <div class="platform">
          <a href="#">
            <div class="plat-pro">
              <h4>平台合规进程</h4>
            </div>
            <div class="plat-per">
              <span class="plat-per-up"><span class="plat-per-lower"></span></span>
              
            </div>
            <div class="plat-chara">
              <span>89%</span>
            </div>
            <div class="plat-more">></div>
          </a>
        </div>
      </div>
      <!-- 圈子投顾 -->
      <div class="expert">
      <div class="ex-title">
        <h4>圈子投顾</h4>
        <a href="#">
          <span>更多 > </span>
        </a>
      </div>
      <div class="expert-banner">
          <div class="expert-swiper-container swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="#">
                        <img src="../images/compere.png" alt="">
                        <h4>创奇多高</h4>
                        <p>五年 网贷理财</p>
                        <button class="active">已关注</button>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <img src="../images/expert.png" alt="">
                        <h4>创奇多高</h4>
                        <p>五年 网贷理财</p>
                        <button>关注</button>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <img src="../images/expert.png" alt="">
                        <h4>创奇多高</h4>
                        <p>五年 网贷理财</p>
                        <button>关注</button>
                    </a>
                </div>
            </div>
        </div>
      </div>
    </div>
<!-- 八号金融街测评 -->
<div class="common">
      <div class="com-title">
        <h4>网贷风云榜</h4>
        <a href="#">
          <span>更多 > </span>
        </a>
      </div>
      <div class="common-slider">
          <div class="common-swiper-container swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="#">
                        <img src="../images/monring-one.png" alt="">
                        <div class="common-detail">
                          <h4>网贷奇葩兑付方式大盘点</h4>
                          <p>有些原本是开饭店的老板...</p>
                        </div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <img src="../images/monring-one.png" alt="">
                         <div class="common-detail">
                          <h4>2017年11月30日&nbsp;&nbsp;网贷早报</h4>
                          <p>4平台新接入信披&nbsp;拍拍...</p>
                        </div>
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <img src="../images/monring-one.png" alt="">
                         <div class="common-detail">
                          <h4>2017年11月30日&nbsp;&nbsp;网贷早报</h4>
                          <p>4平台新接入信披&nbsp;拍拍...</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
      </div> 
</div>

<!-- 深度评测 -->
    <div class="deep">
      <div class="deep-title">
            <h4>深度评测</h4>
      </div>
      <div class="deep-con">
        <ul>
          <li>
            <div class="deep-new">
              <img src="../images/new.png">
              <h4>测评</h4>
              <p>好山好水好傻合适好山好水好傻</p>
            </div>
          </li>
          <li>
            <div class="deep-new">
              <img src="../images/new.png">
              <h4>测评</h4>
              <p>好山好水好傻合适好山好水好傻</p>
            </div>
          </li>
          <li>
            <div class="deep-new">
              <img src="../images/new.png">
              <h4>测评</h4>
              <p>好山好水好傻合适好山好水好傻</p>
            </div>
          </li>
        </ul>
      </div>
    </div>

    <!-- 新手红包 -->
    <div class="red-bag">
      <div class="red-title">
            <h4>新手红包</h4>
      </div>
      <div class="red-con">
        <ul>
            <li>
              <div class="tody-part">
                <h4>8%~17.5%</h4>
                <p>年化收益</p>
              </div>
              <span></span>
            </li>
            <li>
              <div class="tody-part">
                <span>最高</span>
                <h4>138</h4>
                <p>首投奖励</p>
              </div>
              <span></span>
            </li>
            <li>
              <a href="#" class="tody-part">
                <img src="../images/hongbao.png" height="85" width="202">
              </a>
            </li>
        </ul>
      </div>
    </div>

    <!-- 投友点评、投顾点评 -->
    <div class="tabs">
      <div class="nav-swiper-container">
          <div class="swiper-wrapper">
              <div class="swiper-slide active cast" >投友点评</div>
              <div class="swiper-slide inveset">投顾点评</div>
          </div>
      </div>
    </div>
    <div class="container style="display:none;" ">
      <ul>
        <li>
          <a href="#">
                <div class="item-top">
                    <div class="item-right">
                      <img src="../images/comment-user.png">
                      <div class="user">
                        <h4>我叫郭大侠</h4>
                        <p>已投</p>
                      </div>
                      <div class="comment">
                         <ul>
                            <li>
                              <span>国资系</span>
                            </li>
                            <li>
                              <span>已存管</span>
                            </li>
                          </ul>
                      </div>
                    </div>
                    <div class="top-btn">
                    <p>放心投</p>
                    </div>
               </div>
                <div class="item-bottom">
                  <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当</p>
                </div>
                <div class="item-time">
                  <p>两小时前</p>
                </div>
                <div class="item-left">
                  <div class="item-good">
                    <img src="../images/comment-no.png" height="26" width="28">
                    <span>18</span>
                  </div>
                  <div class="item-com">
                    <img src="../images/comment.png" height="25" width="28">
                    <span>38</span>
                  </div>
                </div>
             </a>
        </li>
         <li>
          <a href="#">
                <div class="item-top">
                    <div class="item-right">
                      <img src="../images/comment-user.png">
                      <div class="user">
                        <h4>我叫郭大侠</h4>
                        <p>已投</p>
                      </div>
                      <div class="comment">
                         <ul>
                            <li>
                              <span>国资系</span>
                            </li>
                            <li>
                              <span>已存管</span>
                            </li>
                          </ul>
                      </div>
                    </div>
                    <div class="top-btn">
                    <p>放心投</p>
                    </div>
               </div>
                <div class="item-bottom">
                  <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当</p>
                </div>
                <div class="item-time">
                  <p>两小时前</p>
                </div>
                <div class="item-left">
                  <div class="item-good">
                    <img src="../images/comment-no.png" height="26" width="28">
                    <span>18</span>
                  </div>
                  <div class="item-com">
                    <img src="../images/comment.png" height="25" width="28">
                    <span>38</span>
                  </div>
                </div>
             </a>
        </li>
         <li>
          <a href="#">
                <div class="item-top">
                    <div class="item-right">
                      <img src="../images/comment-user.png">
                      <div class="user">
                        <h4>我叫郭大侠</h4>
                        <p>已投</p>
                      </div>
                      <div class="comment">
                         <ul>
                            <li>
                              <span>国资系</span>
                            </li>
                            <li>
                              <span>已存管</span>
                            </li>
                          </ul>
                      </div>
                    </div>
                    <div class="top-btn">
                    <p>放心投</p>
                    </div>
               </div>
                <div class="item-bottom">
                  <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当</p>
                </div>
                <div class="item-time">
                  <p>两小时前</p>
                </div>
                <div class="item-left">
                  <div class="item-good">
                    <img src="../images/comment-no.png" height="26" width="28">
                    <span>18</span>
                  </div>
                  <div class="item-com">
                    <img src="../images/comment.png" height="25" width="28">
                    <span>38</span>
                  </div>
                </div>
             </a>
        </li>
         <li>
          <a href="#">
                <div class="item-top">
                    <div class="item-right">
                      <img src="../images/comment-user.png">
                      <div class="user">
                        <h4>我叫郭大侠</h4>
                        <p>已投</p>
                      </div>
                      <div class="comment">
                         <ul>
                            <li>
                              <span>国资系</span>
                            </li>
                            <li>
                              <span>已存管</span>
                            </li>
                          </ul>
                      </div>
                    </div>
                    <div class="top-btn">
                    <p>放心投</p>
                    </div>
               </div>
                <div class="item-bottom">
                  <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当</p>
                </div>
                <div class="item-time">
                  <p>两小时前</p>
                </div>
                <div class="item-left">
                  <div class="item-good">
                    <img src="../images/comment-no.png" height="26" width="28">
                    <span>18</span>
                  </div>
                  <div class="item-com">
                    <img src="../images/comment.png" height="25" width="28">
                    <span>38</span>
                  </div>
                </div>
             </a>
        </li>
      </ul>
      <div class="loading">
        <span class="loading-left"></span>
        <p>加载中</p>
        <span class="loading-right"></span>
      </div>
      <div class="base-line">
        <span class="base-left"></span>
        <p>我是有底线的</p>
        <span class="base-right"></span>
      </div>
    </div>
    <!-- 投顾点评 -->
    <div class="inveset-com">
      <ul>
        <li>
          <a href="#">
                <div class="item-top">
                    <div class="item-right">
                      <img src="../images/comment-user.png">
                      <div class="user">
                        <h4>我叫郭大侠</h4>
                        <img src="../images/ad-star.png">
                        <p>已投</p>
                      </div>
                      <div class="comment">
                         <ul>
                            <li>
                              <span>国资系</span>
                            </li>
                            <li>
                              <span>已存管</span>
                            </li>
                          </ul>
                      </div>
                    </div>
                    <div class="top-btn">
                    <p>放心投</p>
                    </div>
               </div>
                <div class="item-bottom">
                  <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当</p>
                </div>
                <div class="item-time">
                  <p>两小时前</p>
                </div>
                <div class="item-left">
                  <div class="item-good">
                    <img src="../images/comment-no.png" height="26" width="28">
                    <span>18</span>
                  </div>
                  <div class="item-com">
                    <img src="../images/comment.png" height="25" width="28">
                    <span>38</span>
                  </div>
                </div>
             </a>
        </li>
         <li>
          <a href="#">
                <div class="item-top">
                    <div class="item-right">
                      <img src="../images/comment-user.png">
                      <div class="user">
                        <h4>我叫郭大侠</h4>
                        <img src="../images/ad-star.png">
                        <p>已投</p>
                      </div>
                      <div class="comment">
                         <ul>
                            <li>
                              <span class="deep-test">深度评测</span>
                            </li>
                          </ul>
                      </div>
                    </div>
                    <div class="top-btn">
                    <p>放心投</p>
                    </div>
               </div>
                <div class="item-bottom">
                  <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当</p>
                </div>
                <div class="item-time">
                  <p>两小时前</p>
                </div>
                <div class="item-left">
                  <div class="item-good">
                    <img src="../images/comment-no.png" height="26" width="28">
                    <span>18</span>
                  </div>
                  <div class="item-com">
                    <img src="../images/comment.png" height="25" width="28">
                    <span>38</span>
                  </div>
                </div>
             </a>
        </li>
         <li>
          <a href="#">
                <div class="item-top">
                    <div class="item-right">
                      <img src="../images/comment-user.png">
                      <div class="user">
                        <h4>我叫郭大侠</h4>
                        <img src="../images/ad-star.png">
                        <p>已投</p>
                      </div>
                      <div class="comment">
                         <ul>
                            <li>
                              <span class="letter-cloak">信披解读</span>
                            </li>
                          </ul>
                      </div>
                    </div>
                    <div class="top-btn">
                    <p>放心投</p>
                    </div>
               </div>
                <div class="item-bottom">
                  <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当</p>
                </div>
                <div class="item-time">
                  <p>两小时前</p>
                </div>
                <div class="item-left">
                  <div class="item-good">
                    <img src="../images/comment-no.png" height="26" width="28">
                    <span>18</span>
                  </div>
                  <div class="item-com">
                    <img src="../images/comment.png" height="25" width="28">
                    <span>38</span>
                  </div>
                </div>
             </a>
        </li>
         <li>
          <a href="#">
                <div class="item-top">
                    <div class="item-right">
                      <img src="../images/comment-user.png">
                      <div class="user">
                        <h4>我叫郭大侠</h4>
                        <img src="../images/ad-star.png">
                        <p>已投</p>
                      </div>
                      <div class="comment">
                         <ul>
                            <li>
                              <span class="public-sent">舆情评测</span>
                            </li>
                          </ul>
                      </div>
                    </div>
                    <div class="top-btn">
                    <p>放心投</p>
                    </div>
               </div>
               <div class="opinion-item">
                <a href="#">
                  <div class="opinion-img">
                    <img src="../images/opinion.png" height="120" width="120">
                  </div>
                  <div class="opinion-content">
                    <h4>》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一</h4>
                    <p>》之于皮克斯总是一部清奇的存在，</p>
                  </div>
                </a>
              </div>
                <div class="item-bottom">
                  <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当</p>
                </div>
                <div class="item-time">
                  <p>两小时前</p>
                </div>
                <div class="item-left">
                  <div class="item-good">
                    <img src="../images/comment-no.png" height="26" width="28">
                    <span>18</span>
                  </div>
                  <div class="item-com">
                    <img src="../images/comment.png" height="25" width="28">
                    <span>38</span>
                  </div>
                </div>
             </a>
        </li>
      </ul>
      <div class="loading">
        <span class="loading-left"></span>
        <p>加载中</p>
        <span class="loading-right"></span>
      </div>
      <div class="base-line">
        <span class="base-left"></span>
        <p>我是有底线的</p>
        <span class="base-right"></span>
      </div>
    </div>

<!-- 底部 -->
    <div class="comment-footer">
      <a class="comment-footer-left" href="#">
        <div>
          <img src="../images/people-talk.png" height="43" width="50">
          <p>群聊</p>
        </div>       
      </a>
      <a class="comment-footer-right">
        <div>
          <img src="../images/write-comment.png" height="38" width="38">
          <p>点评</p>
        </div>
      </a>
    </div>
  </div>    
<!-- 我要点评弹窗 -->
<div class="my-comment">
  <ul class="clearfix">
    <li>
      <a>
        <div class="deep-comment">
          <img src="../images/deep-comment.png">
        </div>
        <p>深度测评</p>
      </a>
    </li>
    <li>
      <a>
        <div class="plat-comment">
          <img src="../images/plat-comment.png">
        </div>
        <p>平台短评</p>
      </a>
    </li>
    <li>
      <a>
       <div class="inform-comment">
          <img src="../images/inform-comment.png" height="56" width="68">
        </div>
        <p>信披解读</p>
      </a>
    </li>
    <li>
      <a>
        <div class="opinion-comment">
          <img src="../images/opinion-comment.png" height="64" width="66">
        </div>
        
        <p>舆情解读</p>
      </a>
    </li>
  </ul>
  <div class="cancle">
    <p>取消</p>
  </div>
</div>


    <script type="text/javascript">
    // 投友、投顾点评模块切换
    $('.cast').click(function() {
      $('.cast').addClass('active');
      $('.inveset').removeClass('active');
      $('.container').css('display','block');
      $('.inveset-com').css('display','none');
    });
    $('.inveset').click(function() {
      $('.inveset').addClass('active');
      $('.cast').removeClass('active');
      $('.inveset-com').css('display','block');
      $('.container').css('display','none');
    });

    // 投友问号
    $('.put-friend').click(function(){
      layer.open({
        content: '根据投友点评，选择最佳投资情况；如点评的投友有100位，其中65位选择放心投，则根据投友选择项最高的选项进行推荐。'
        ,btn: '我知道了'
      });
    })

     // 投友问号
    $('.put-gu').click(function(){
      layer.open({
        content: '根据投顾点评，选择最佳投资情况；如点评的投顾有100位，其中65位选择放心投，则根据投顾选择项最高的选项进行推荐。'
        ,btn: '我知道了'
      });
    })

    // 我要点评弹窗
    $('.comment-footer-left').click(function(){
      var h = $(window).height();
      $('body').height(h);
      $('body').css('overflow','hidden');
      $('.my-comment').css('display','block');
    });
    $('.cancle').click(function () {
      $('body').css('overflow','visible');
      $('.my-comment').css('display','none');
    })

    </script>
    </body>
</html>